<script setup lang="ts">
import { onMounted, ref } from 'vue';

import { Page } from '@vben/common-ui';

const canvas = ref();
onMounted(() => {
  const ctx = canvas.value.getContext('2d');
  ctx.fillStyle = 'rgb(200,0,0)';
  ctx.strokeRect(10, 10, 55, 50);
});
</script>
<template>
  <Page auto-content-height>
    <canvas width="500" height="500" ref="canvas" class="bg-white"></canvas>
  </Page>
</template>
